import React, { Component } from 'react';
import { View, Text, StyleSheet, TouchableOpacity } from 'react-native';
import SecondPage from './SecondPage';

export default class FirstPage extends Component{
    openPage() {
        this.props.navigator.push({
            title: 'SecondPage',
            component: SecondPage
        });
    }
    render(){
        return (
            <View style={styles.container}>
                <View style={styles.headText}>
                    <Text>商品列表</Text>
                </View>
                <TouchableOpacity onPress={this.openPage.bind(this)}>
                    <Text>This is First Page</Text>
                </TouchableOpacity>
            </View>
        )
    }
}

const styles = StyleSheet.create({

})
